<template>
 <div class="header">
 城市推荐
 <router-link to="/">
 <span class="iconfont header-back">&#xe642;</span>
 </router-link>
 </div>
</template>

<script>
export default {
  name: 'CityHeader'
}

</script>

<style lang="stylus" scoped>
@import '~@/assets/style/varibles.styl'
.header
 overflow : hidden
 height: 3rem
 line-height : 3.3rem
 text-align: center
 color : #fff
 background :$bgColor
 font-size: 1.3rem
 .header-back
  position :absolute
  text-align : center
  left : 1rem
  color :#fff
</style>
